<template>
  <div>
    <el-row>
      <el-col>
        {{status}}
      </el-col>
    </el-row>
    <el-row>
      <el-col>
        <el-progress :percentage="percentage"></el-progress>
      </el-col>
    </el-row>
    <el-row>
      <el-col>
        <div class="content-log">
          <div class="content-log-box" >
            <textarea class="textarea-ft" v-model="logContent" id="textarea-log" style="width: 100%" spellcheck="false" ></textarea>
          </div>
        </div>

      </el-col>
    </el-row>
  </div>

</template>
<script>
  export default {
    name: 'ProgressTracking',
    props: {
      percentage: {
        default: 0,
        type: Number
      },
      logContent: {
        default: '',
        type: String
      },
      status: {
        default: '',
        type: String
      }
    },
    data() {
      return {

      }
    },
    methods: {

    }
  }
</script>
<style lang="scss">
  .content-log {
    height: 200px;
    background: #002A35;
    padding:6px 2px;
  .content-log-box {
    width: 100%;
    height: 100%;
    word-break:break-all;
  textarea {
    background: none;
    color: #9CABAF;
    border: 0;
    font-family: 'Microsoft Yahei,Arial,Hiragino Sans GB,tahoma,SimSun,sans-serif';
    font-weight: bold;
    resize:none;
    line-height: 1.6;
    padding: 0px;
  }
  }
  }
</style>
